import { UnstyledButtonDemos } from '@docs/demos';
import { Layout } from '@/layout';
import { MDX_DATA } from '@/mdx';

export default Layout(MDX_DATA.UnstyledButton);

## Usage

`UnstyledButton` resets default button styles, it is used as a
base for all other button components. You can use it to as a base for custom
polymorphic buttons.

<Demo data={UnstyledButtonDemos.usage} />

<Polymorphic
  defaultElement="button"
  changeToElement="a"
  component="UnstyledButton"
/>

<GetElementRef component="UnstyledButton" refType="button" />
